/*

Theme Name: Tammi Ramsey

Description: Theme made for Tammi Ramsey

Author: Silver Square

Author URI: http://www.silversquareinc.com

*/



/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; line-height:1px;}

/* Normalizes font-size for headers */

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */

ol, ul { list-style:none; }

/* Normalizes font-style and font-weight to normal */

address, caption, cite, code, dfn, /*em, strong,*/ th, var { font-style: normal; font-weight: normal; }

/* Removes border from tables */

table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */

fieldset, img { border: 0; }

/* Left-aligns text in caption and th */

caption, th { text-align: left; }

/* Removes quotation marks from q */

q:before, q:after, blockquote:before, blockquote:after { content: ''; content: none; }



/*

_______________________________

Modifier Classes */

.alignleft { float: left; } 

.alignright { float: right; }

.clear { clear: both; }

.center { text-align: center; }


/*

_______________________________

Typography & Colors */

body { 

	background-color:#666; 

	font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; 

	color:#FFF;

	text-align: center;

}

#nav_main li { line-height: normal; word-spacing: 0px; letter-spacing: 1px; font-size: 10px; }

a, a:visited { color: #fff; text-decoration: none; }

li.current_page_item a{ color: #999; }

#blog_short h1 { 

	font-size: 18px;

	font-weight: normal;

	letter-spacing:2px;

}

#blog_short h2 {

	font-size: 15px;	

	letter-spacing: 1px;

}

#blog_short h3 {

	font-weight:bold;

	font-size: 12px;

	letter-spacing: 1px;
	margin-bottom: 10px;

}

#blog_short h4 {

	font-size: 11px;

	font-weight: normal;	

}

#blog_short p {

	font-size: 11px;

	font-style:italic;

}



/*

_______________________________

Frame & Base layout */

body * { position: relative; }

body, html { width: 100%; height: 100%; }

#bg, #bg img { 

	top: 0px;

	left: 0px;

	overflow:hidden;

	min-height: 100%;

	min-width: 100%;

	position: fixed;

}

#container {

	top: 25px;

	margin: 0 auto; 

	background: url(images/content_bg.png) top left repeat-y;

	width: 961px;

	padding-bottom: 44px;

}



/*

_______________________________

Branding/Header */

#branding { 

	position: absolute;

	left: 406px;

	z-index: 3;

}

#nav_main { 

	margin:0;

	display:inline;

	overflow: hidden;

	position: absolute;

	width: 405px;

	left: 547px;

	top: 10px;

}

#socialicons {
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 100px;
	left: 547px;
	top: 45px;	
	text-align: left;
	z-index: 4;
}


ul#menu-top-navigation/*nav_links*/ { width: 405px; }

ul#menu-top-navigation/*nav_links*/ li { 

	display: block;

	height: 14px;

	overflow: hidden; 

	float: left; 

	padding-right: 13px;

}

ul#menu-top-navigation/*nav_links*/ > li:last-child { padding-right: 0px; }



/*

_______________________________

Content */

#content {

	/* content including header, sidebar, and page content

	   inside #container which is the dark grey box */

	left: 9px;

	top: 35px;

	width: 942px; 

	border: 1px solid #666; 

	text-align: left;

	padding-bottom: 82px;

	z-index:2;

}

#home #content { padding-bottom: 59px; }

#content #title { position: absolute; z-index: 4; }

#content #title img { top: -2px; left:43px; }

#content #title .alt_text { display: none; }

#content_main, #home_content {

	/* page content within light grey box & home branding */

	top: 48px; 

	left: 11px; 

	width: 919px;

	z-index: 3;	

}

#content_main {

	/* page content within light grey box */

	min-height: 300px;

	padding-bottom: 10px;

	background: url(images/main_content_bg.png) top left repeat-y;

}

#content_main #content_area { 
	margin: 0px;
	width: 500px;
	margin-left: 33px; 
	margin-right: 33px;
	float: left;
	padding-top: 30px;
}

#content_main.full-width #content_area { 
	width: auto;
	float: none;
}

#home_content {

	height: 395px;

	border: 1px solid #FFF; 

	overflow:hidden;

}

#home_content > div { float: left; }

#content_main > * {  }

#content_main img { padding: 0px; }

.post_content { top: 10px; }

.postmetadata { top: 10px; }

.hr { 

	background: #666; 

	height: 1px;

	width: 299px;

	display: block;

}

#content_main p {

	display: block;

	line-height: normal;

	margin-bottom: 14px;

	margin-top: 9px;

}

#content_main h1 {

	display: block; 

	line-height: 24px;

	padding-top: 10px;	

}

#content_main h1 {	

	font-size: 19px;

	letter-spacing: 2px;

}

#content_main p {

	font-size: 13px;	
}

#post_nav { padding-top: 20px; padding-bottom: 20px; }

#post_nav a:hover, #content_main .post-edit-link:hover, h3 a:hover { text-decoration:underline; }
#post_nav div { clear: both; min-height: 1px; padding-bottom: 15px; }

#content_main h2 {

	display: block; 

	line-height: 20px;

	padding-top: 6px;

}

#content_main h2 {	

	font-size: 19px;

	letter-spacing: 2px;

}
#content_main.full-width .post { padding-top: 15px; }
#content_main .post,
.single #content_main.full-width .post  { padding-top: 40px; }

#content_main h3 {	

	display: block; 
	
	font-size: 12px;

	letter-spacing: 2px;

}
#content_main a { 
	line-height: normal;
	text-decoration: underline; 
}



#subscriber-links {
	margin-top: -40px;
	float: right;
	font-size: 10pt;
	text-align: right;
	line-height: 130%;
}



#topics { 
	padding: 15px 0 40px 85px; 
	font-size: 10pt;
}
#topics #topics-label {
	font-weight: bold;
}




/*

_______________________________

Comments */

#content_main img.avatar { padding:0px; padding-bottom: 10px; }

li.depth-2, li.depth-3, li.depth-4, li.depth-5 { margin-left: 33px; }

cite, .comment-meta{ display: block; font-size: 12px; line-height: normal;}

h2#comments-title { font-size: 15px; line-height: 15px; padding-top: 20px; padding-bottom: 10px;}

.comment_author_meta { width: 180px; float: left; margin-bottom: 20px;}

.comment-body { float: left;}

#comments li, #comments ul.children { clear: left;}



#comments .comment-body p { margin-top: 58px; padding: 0;}

#comments .comment-body img { padding: 0; }

#comments a:hover, a.comment-reply-link {text-decoration: underline; }

form#commentform input, form#commentform textarea { background-color: #ccc; border: 1px solid #666; left: 92px;}

form#commentform label { position: absolute; left: 18px;}

form#commentform p.form-allowed-tags {left: 92px; width: 377px; font-size: 11px;  margin-top: -4px; line-height: 12px;}

form#commentform input#submit {padding: 7px 4px 4px 4px; cursor:pointer;}

#respond { clear: left; }

.comment_author_meta em {	

	display: block;

	line-height: normal;

	position: absolute;

	top: 20px;

	left: 270px;

	width: 300px;

}

a.comment-reply-link { display: block; }



/*

_______________________________

Blog Sidebar */
#blog_sub { 
	padding-top: 70px; 
	width: 299px;
	float: right;
}
ul.sidebar { margin-right: 15px; }
ul.sidebar ul { list-style: disc; }
ul.sidebar ul li { 
	padding: 10px 0px; 
	margin-left: 20px;	
}
#content_main ul.sidebar h3 { 
	font-size: 20px; 
	padding-bottom: 20px;
}
#blog_sub .widget { margin: 0 0 40px 0; } 
.widget .textwidget,
.widget ul,
.widget form { 
	margin-left: 30px; 
	font-size: 12px; 
}
.widget .wpcf7 form { margin-top: 10px; margin-left: 0px; }
#blog_sub small { font-size: 10px; }
#blog_sub #searchform div { width: 213px; }
#blog_sub #searchform div div { 
	text-align: center; 
	margin-bottom: 5px; 
}
#blog_sub input[type="text"] { 
	width: 121px;
	margin-right: 3px;
}
#blog_sub input[type="submit"] { 
	width: 81px;
	color: #fff;
	background-color: #666;
	border: none;
	padding: 3px 0px;
	cursor: pointer;
}
#blog_sub input[type="submit"]:hover { background-color: #ff263b; }
#content_main #blog_sub p { 
	margin: 6px 0px; 
	font-size: 11px;
}
p.info { padding: 0px; }
.post-content { padding-top: 5px; }

/*

_______________________________

Sidebar */

#content_sub {

	top: 78px;

	left: 12px;

}

#home #content_sub {

	top: 54px;

}

#blog_short {

	width: 366px; 

	min-height: 137px;

	background: url(images/footer_blogbg.jpg) top left repeat-y;

}

#blog_short a { float: none; }

#blog-title-wrap {

	height: 27px;

	width: 366px;

}

#blog_short h1 { top: 1px; left: 27px; line-height: normal;}

#blog_short * { float: left; clear: left;}

.date-val { display: block; left: 6px; line-height: normal; top: 2px;}

.day-val { display: block; left: 2px; line-height: normal;}

#blog_short #post-area { 
	width: 366px; 
	background: url(images/footer_blogbg.jpg) top left repeat-y;
	margin-bottom: 7px;
}

#blog_short h2 {

	background: url(images/footer_blog_day.png) top	left no-repeat;

	width: 23px;

	height: 20px;

	line-height: normal;

}

#blog_short h4 {

	background: url(images/footer_blog_date.png) top left no-repeat;

	clear: left;

	margin-top: -20px;

	margin-left: 23px;

	width: 45px;

	height: 21px;

	left: 1px;

}

#blog_short h3 {

	left: 30px;

	line-height: normal;
	
	width: 330px; 

}

#blog_short p {

	left: 30px;

	line-height: normal;

	padding-bottom: 1px;

}

#nav_sub {

	position: absolute;

	height: 122px;

	top: 24px;

	left: 363px;

}

ul#nav_img_links { display: block; margin-left: 10px; }

ul#nav_img_links li { float: left; padding-right: 6px; }



/*

_______________________________

Home Page Specific */

#loopedSlider { height: 396px; }

#loopedSlider .slides { 

	position: absolute;

}

ul.pagination { 

	position: absolute; 

	z-index: 10; 

	bottom: 4px;

	left: 830px;

	width: 54px;

}

ul.pagination li  { 

	float:left; 

	margin: 0 1px 0 1px; 

	width: 14px; height: 14px;

	overflow: hidden;

	border: 1px #666 solid;

	background-color: #fff;

}

ul.pagination li a { 

	display: block;

	width: 12px; height: 14px; 

	overflow: hidden; 

	text-indent: -9999px; 

}

ul.pagination li.active { background-color:#666;}



/*

_______________________________

Gallery Page Specific */

#content_main #main-image { 

	position: relative;

	text-align:center;

	display: block;

	margin-bottom: 11px;

	margin-left: 0px;

	left: 18px;

	padding-top: 43px;

}

#content_main #main-image img, #arrow-left img, #arrow-right img { 

	padding: 0;
	width: 669px;

}

#arrow-left, #arrow-right, #right-arrow, #left-arrow {

	width: 14px;

	height: 26px;	

}

#arrow-left {

	background:url(images/arrow_left_default.png) top left no-repeat;

}

#left-arrow:hover #arrow-left { background: url(images/arrow_left_hover.png)top left no-repeat; }

#arrow-right {

	background:url(images/arrow_right_default.png) top left no-repeat;

}

#right-arrow:hover #arrow-right { background:url(images/arrow_right_hover.png) top left no-repeat; }

#gallery { 

	position: relative;

	left: 126px; 

	margin-left: 0px;

}

#content_main #gallery .gallery-item { width: 42px; height: 39px; overflow: hidden;}

#content_main #gallery .gallery-item a { 

width: 36px; 

height: 36px; 

display: block;

}

#content_main #gallery .gallery-caption { display: none; }

#content_main #gallery img.attachment-thumbnail { border-width:1px; border-color: #666; padding: 0; margin: 0;}

#left-arrow, #right-arrow {

	position: absolute;

	z-index: 5;

	top: 150px;

	margin-left:0px;

	padding: 0;

}

#left-arrow { 	

	left: 107px; 

}

#right-arrow {

	left: 800px;

}



/*

_______________________________

Footer */

#footer { 

	margin: 0 auto;

	width: 960px;

	margin-top: 40px;

	font-size: 12px;

	line-height: 10px;

	/*z-index: 2;*/

}

#footer a:hover {text-decoration: underline; }